$(function () {
  init();

  function init() {
    eventList();
  }

  function eventList() {
    // 点击获取验证码的按钮
    $("#code_btn").on("tap", function () {
      // console.log("%c在海边不要大笑？？ 容易海啸！！！","font-size:50px; background-image: linear-gradient(red,black);");
      /* 
      1 获取手机号码 合法性的验证
      2 不通过 给出一个提示 不再往下执行
      3 通过 
      4 获取手机号码 发送请求或者验证码 
      5 成功获取之后 
        1 禁用按钮 不让再去点击 disabled 
        2 开启定时器 60s
          1 把倒计时的时间放大按钮上 让用户看到 修改按钮的文本
          2 时间到了
            清除定时器
            重置的按钮的文本
            重新启用按钮 
       */

      //  1 获取手机号码   $("[name='mobile']") 属性选择器 trim 去掉值两边的空格
      var mobile_txt = $("[name='mobile']").val().trim();
      // console.log(mobile_txt);
      // 2 验证手机号码的合法性 使用正则表达式去验证 
      if (!$.checkPhone(mobile_txt)) {
        // 非法 
        // mui内置的提示框
        mui.toast("手机号码不合法")
      } else {
        // 合法 
        // 4 发送请求获取验证码
        $.post("users/get_reg_code", {
          mobile: mobile_txt
        }, function (result) {
          if (result.meta.status == 200) {
            // 获取成功
            console.log(result);
            // 5.1 禁用按钮
            $("#code_btn").attr("disabled", "disabled");
            // 5.2 开启定时器 5s ->60s
            var times = 60;
            // 修改按钮的文本
            $("#code_btn").text(times + "秒后再获取");
            var timeId = setInterval(function () {
              times--;
              $("#code_btn").text(times + "秒后再获取");
              // 时间到了
              if (times == 0) {
                clearInterval(timeId);
                $("#code_btn").text("获取验证码");
                // 移除属性
                $("#code_btn").removeAttr("disabled");
              }
            }, 1000);
          } else {
            // 失败
          }

        })
      }
    })

    // 点击注册按钮
    $("#res_btn").on("tap", function () {
      /* 
      1 获取一坨值
      2 按个做验证 
      3 都通过了  
        构造参数发送请求完成注册 
      4 失败 给出一个提示
      5 成功 给出一个提示 等待一小会 跳转页面-> 登录页面！！！！
       */

      //  1 获取输入框的值
      var mobile_txt = $("[name='mobile']").val().trim();
      var code_txt = $("[name='code']").val().trim();
      var email_txt = $("[name='email']").val().trim();
      var pwd_txt = $("[name='pwd']").val().trim();
      var pwd_txt2 = $("[name='pwd2']").val().trim();
      var gender_txt = $("[name='gender']:checked").val();

      // js 打断点
      // debugger 

      // 手机号码验证
      if (!$.checkPhone(mobile_txt)) {
        // 非法 
        // mui内置的提示框
        mui.toast("手机号码不合法");
        return;
      }

      // 验证码做判断 在前端只能验证  长度 至于合法性 在前端没有办法去验证 
      if (code_txt.length != 4) {
        // 非法
        mui.toast("验证码不合法");
        return;
      }

      // 邮箱判断 通过正则表达 
      if (!$.checkEmail(email_txt)) {
        // 非法
        mui.toast("邮箱不合法");
        return;
      }

      // 密码判断 验证长度 大于6 合法 否则就是非法  完成了注册 忘记了密码 
      if (pwd_txt.length < 6) {
        // 非法
        mui.toast("密码不合法");
        return;
      }

      // 确认密码
      if (pwd_txt2 != pwd_txt) {
        // 非法
        mui.toast("两次密码不一致");
        return;
      }

      // 通过验证

      // 构造参数 完成注册
      var params = {
        mobile: mobile_txt,
        code: code_txt,
        email: email_txt,
        pwd: pwd_txt,
        gender: gender_txt
      }

      // 开始发送请求
      $.post("users/reg",params,function (result) {
        // console.log(result);
        if(result.meta.status==200){
          // 成功
          mui.toast("注册成功");

          setTimeout(function () {
            location.href="login.html"
          },1000);
        }else{
          mui.toast(result.meta.msg);
        }
        
      })
    })
  }


})